@include('header')

<style>
    .banners{display: flex;justify-content: center;align-items: center;}
    .pics_wrap .font-box{width:calc(100% - 140px);height:calc(100% - 100px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
    .pics_wrap .font-box .container{height:100%;display:flex;justify-content:flex-start;align-items:center;}
    .pics_wrap .font-box .font1{font-weight:bold;line-height:1.6;font-size:40px;color:rgb(10, 24, 89);}
    .pics_wrap .font-box .font2{font-size: 20px;font-family: tahoma;text-transform: uppercase;color:rgb(10, 24, 89);padding-top:30px;}
    @media(max-width:992px){
        .pics_wrap .font-box .font1{font-size:35px;}
        .pics_wrap .font-box .font2{font-size: 20px;padding-top:20px;}
    }
    @media(max-width:468px){.pics_wrap .font-box{width:100%;padding-left:10px;}
        .pics_wrap img{min-height:170px;width:auto;max-width:160%;}
        .pics_wrap .font-box .font1{font-size:20px;}
        .pics_wrap .font-box .font2{font-size: 12px;padding-top:0;}
        .pics_wrap .html5zoo-nav-0{display:none!important;}
    }
</style>
<div class="banners">
    <div class="pics_wrap position-relative overflow-hidden">
        <div id="html5zoo-1">
            <ul class="html5zoo-slides">
                @foreach ($banners as $banner)
                <li>
                    <img src="{{ asset($banner) }}" />
                </li>
                @endforeach
            </ul>
        </div>
        <div class="position-absolute font-box">
            <div class="container position-relative">
                <div class="position-absolute inner text-left text-white wow slideInUp" data-aos="fade-right">
                    <div class="font1 wow slideInUp">
                        责任 · 激情 · 创新
                    </div>
                    <div class="font2 line-height-2 wow slideInUp">
                        <p>打造每一个案例 / Make each case​</p>
                        <p>专业律师团队 全方位法律服务 职务犯罪 合同诈骗 非法集资 网络诈骗等重大刑事案件</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<script src="{{ asset('js/html5zoo.js') }}"></script>
<script src="{{ asset('js/lovelygallery.js') }}"></script>
<section>
    <!--服务领域-->
    <div class="container">
        <div class="sub-nav-box wow slideInUp">
            <div class="tit">
                律师事务所服务领域 / <span>service sector</span>
            </div>
            <div class="en-tit">我们拥有专业的律师团队提供周到的服务体验及优质的法律服务</div>
        </div>
        <ul class="row index-service text-center">
            @foreach($domains as $domain)
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <div class="box">
                        <div class="imgbox">
                            <a href="{{ route('domain-detail', ['id' => $domain['id']]) }}"><img src="{{ asset($domain['icon']) }}" /></a>
                        </div>
                        <a href="{{ route('domain-detail', ['id' => $domain['id']]) }}" class="title card1">{{$domain['name']}}</a>
                        <p class="bottom">{{$domain['describe']}}</p>
                    </div>
                </li>
            @endforeach
        </ul>
    </div>

    <!--关于我们-->
    <div class="forus-bg">
        <div class="container">
            <div class="sub-nav-box wow slideInUp">
                <div class="tit">
                    因为专业说以信赖 / <span>Professional & reliable</span>
                </div>
                <div class="en-tit">专业来至案例的积累</div>
                <div class="addline"></div>
            </div>

            <div class="info-content text-center font-size-16">
                {!! $about !!}
            </div>

            <div class="indexmore wow slideInUp">
                <a href="{{route('about')}}" class="btn-more text-white">了解更多</a>
            </div>

        </div>
    </div>


    <!--精彩案例-->
    <div class="container">
        <div class="sub-nav-box wow slideInUp">
            <div class="tit">
                精彩案例 / <span>Good case</span>
            </div>
            <div class="en-tit">实力雄厚，在业界拥有良好口碑</div>
        </div>

        <div class="imgae-same-size cases-list">
            <ul class="row container-img">
                @foreach($case as $caseItem)
                    <li class="col-md-4 col-sm-4 col-xs-6 padding-bottom-20 grid">
                        <a href="{{route('case-detail', ['id' => $caseItem['id']])}}"><img src="{{asset($caseItem['image'])}}" alt="{{asset($caseItem['title'])}}"></a>
                        <div class="box">
                            <a href="{{route('case-detail', ['id' => $caseItem['id']])}}">
                                <p class="title padding-top-10 font-size-16 padding-bottom-10 card1">{{$caseItem['title']}}</p>
                            </a>
                            <p class="card2">{{ str_replace("&nbsp;", "", strip_tags(mb_substr($caseItem['content'], 0, 100)))}}...</p>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>

        <div class="indexmore wow slideInUp">
            <a href="{{route('case')}}" class="btn-more">了解更多</a>
        </div>

    </div>

    <!--律师团队-->
    <div class="products-bg">
        <div class="container">
            <div class="sub-nav-box wow slideInUp">
                <div class="tit">
                    律师团队 / <span>lawyer team</span>
                </div>
                <div class="en-tit">实力雄厚，全国精英，经验丰富</div>
            </div>

            <div class="images-list imgae-same-size product-box index-product" id="productList">
                <ul class="row">
                    @foreach($layers as $layer)
                        <li class="col-md-avg-4 col-sm-avg-6 col-xs-6 item padding-top-10">
                            <div class="border-box">
                                <a class="product-img">
                                    <img src="{{asset($layer['image'])}}" alt="{{$layer['name']}}">
                                </a>
                                <div class="text-left box">
                                    <p class="product-words card1">{{$layer['name']}}</p>
                                    擅长：<span  style="color: #c09b0f">{{$layer['domain']}}</span>
                                    <p class="card2 introduct" style="color: #8c8c8c; font-size: 12px;">
                                        {{$layer['content']}}
                                    </p>
                                </div>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>

            <div class="indexmore wow slideInUp">
                <a href="{{route('layer')}}" class="btn-more">了解更多</a>
            </div>

        </div>
    </div>

    <!--新闻中心-->
    <div class="container">
        <div class="sub-nav-box wow slideInUp">
            <div class="tit">
                新闻中心 / <span>News</span>
            </div>
            <div class="en-tit">随时了解法律动态</div>
        </div>

            @foreach(array_chunk($news, 3) as $newItems)
                <div class="col-md-6 col-md-6 visible-md hidden-sm hidden-xs">
                    <div class="pa_textlist_4 padding-bottom-20 ">
                        <ul class="imgae-same-size">
                            @foreach($newItems as $item)
                                <li class="item">
                                    <div class="row ">
                                        <div class="col-md-2 col-sm-2 col-xs-3 padding-right-0 add-padding">
                                            <div class="date">
                                                <div class="date-top">{{$item['day']}}</div>
                                                <div class="date-bottom">{{$item['month_format']}}</div>
                                            </div>
                                        </div>
                                        <div class="col-md-10 col-sm-10 col-xs-9">
                                            <a href="{{route('news-detail', ['id' => $item['id']])}}" title="{{$item['title']}}" class="title card1">{{$item['title']}}</a>
                                            <p class="introduct">
                                                {{ mb_substr(str_replace("&nbsp;", "", strip_tags($item['content'])), 0, 80)}}...
                                            </p>
                                        </div>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endforeach

        </div>

        <div class="indexmore wow slideInUp">
            <a href="news/" class="btn-more">了解更多</a>
        </div>

    </div>

    <!--合作客户-->

</section>

@include('bottom')
